
const mouseSpecialEffects = () => {
  // 图标参考：https://www.ifreesite.com/emoji/
  const arry = ['💘', '💓', '💔', '💕', '💖', '💗', '💙', '💚', '💛', '💜', '💝', '💞', '💟', '❤', '♥', 'ღ', '😃', '😄', '😉', '😋', '😶', '😕', '😳',
    '💰', '🌙', '💎', '💍', '🏀', '⚽', '⚡', '👄', '👍', '🔥', '✋', '💪', '👐', '👍', '✌', '✊', '🌝', '🌞', '⭐', '🌟', '💦', '😈', '👿', '🎅', '🙋', '🙌',
    '🐒', '😺', '🐩', '🐅', '🐮', '🐏', '🐪', '🌸', '💮', '🌹', '🌺', '🌻', '🌼', '🌷', '🌱', '🌲', '🌳', '🌴', '🌵', '🌾', '🌿', '🍀', '🍁', '🍂', '🍃',
    '🍖', '🍗', '🍔', '🍟', '🍕', '🍲', '🍱', '🍘', '🍙', '🍚', '🍛', '🍜', '🍝', '🍠', '🍢', '🍣', '🍤', '🍥', '🍡', '🍦', '🍧', '🍨', '🍩', '🍪', '🎂',
    '🍰', '🍫', '🍬', '🍭', '🍮', '🍯', '🍼', '☕', '🍵', '🍶', '🍷', '🍸', '🍹', '🍺', '🍻', '🍴', '⚽', '🏆', '🎮', '🎈', '💯', '🏰', '🚗', '🚀', '💤',
    '⛅', '☔', '⚡', '❄', '🔥', '💧', '🌊', '🍇', '🍈', '🍉', '🍊', '🍋', '🍌', '🍍', '🍎', '🍏', '🍐', '🍑', '🍒', '🍓', '🍅', '🍆', '🌽', '🍄', '🌰', '🍞'
  ]

  // 随机颜色
  const color = () => {
    return 'rgb(' + ~~(255 * Math.random()) + ',' + ~~(255 * Math.random()) + ',' + ~~(255 * Math.random()) + ')'
  }
  window.onclick = function (event) {
    const heart = document.createElement('mouse-special-effects')

    const tips = arry[~~(Math.random() * arry.length)]
    document.body.appendChild(heart).innerHTML = tips// 单数显示这个

    heart.style.cssText = 'position: fixed;left:-100%;'
    const f = 18 // 字体大小
    const x = (event.clientX || event.pageX) - f * tips.length / 2 // 横坐标
    let y = (event.clientY || event.pageY) - f // 纵坐标
    let a = 1.7 // 透明度
    let s = 1 // 放大缩小

    const timer = setInterval(function () {
      if (a <= 0) {
        document.body.removeChild(heart)
        clearInterval(timer)
      } else {
        heart.style.cssText = `position: fixed;z-index:999;left:${x}px;top:${y}px;color:${color()};font-size:${f}px;opacity:${a};transform:scale(${s});`
        y--
        a -= 0.016
        s += 0.002
      }
    }, 12)
  }
}

export default mouseSpecialEffects
